
      html,
      body {
          margin: 0;
          padding: 0;
          height: 100%;
          background-image: linear-gradient(to bottom right, red, gold);
      }

      .box {
          width: 400px;
          height: 250px;
          background-color: rgba(255, 255, 255, 0.6);
          border-radius: 6px;
          position: absolute;
          left: 50%;
          top: 40%;
          transform: translate(-50%, -50%);
          box-shadow: 1px 1px 10px #fff;
          text-shadow: 0px 1px 30px white;

          display: flex;
          justify-content: space-around;
          align-items: center;
          font-size: 70px;
          user-select: none;
          padding: 0 20px;

          /* 盒子投影 */
          -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, transparent), to(rgba(250, 250, 250, .2)));
      }
  